<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head>
<title>IGNORED</title>
</head>
<body>
	<ui:composition>
		<f:event listener="#{messageController.initBlogs}"
			type="preRenderComponent"></f:event>
		<p:panel header="#{msgs.farmerBlog}" style="width:100%">
			<h:commandLink value="#{msgs.viewAllBlog}"></h:commandLink>
			<p:separator />
			<p:dataGrid var="news" value="#{messageModel.list}" columns="1"
				rows="6">
				<p:column>
					<h:panelGrid border="0" columns="1">
						<h:panelGrid columns="1" cellspacing="5px" style="border:0px">
							<h:outputText value="#{news.titleLabel}"
								style="font-weight:bold;" />
							<h:graphicImage id="blogPicture" width="100" height="75"
								value="../#{news.primaryPicture.fullFileName}"
								rendered="#{news.primaryPicture != null}" />
						</h:panelGrid>
						<ui:remove>
							<p:overlayPanel for="blogPicture" showEffect="blind"
								hideEffect="explode" showEvent="mouseover" hideEvent="mouseout">
								<p:galleria value="#{news.pictures}" panelWidth="320"
									panelHeight="240" transitionInterval="3000" var="picture"
									effect="clip" frameWidth="32" frameHeight="24">
									<p:graphicImage value="../#{picture.fullFileName}" />
								</p:galleria>
							</p:overlayPanel>
						</ui:remove>
					</h:panelGrid>
				</p:column>
			</p:dataGrid>
		</p:panel>
	</ui:composition>
</body>
</html>